<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>简单图片切换效果</title>
	<link rel="stylesheet" href="picture switchover.css">
</head>
<body>
    <div class="main-wp">
    	<div class="img-wp">
    		 <ul>
    		 	<li>
    		 		<img class="abc1" src="img/abc1.jpg" alt="">
    		 	</li>
    		 	<li>
    		 		<img class="img1" src="img/1.png" alt="">
    		 		<img class="img2" src="img/2.png" alt="">
    		 		<img class="img3" src="img/3.png" alt="">
    		 		<img class="img4" src="img/4.png" alt="">
    		 	</li>
    		 	<li>
    		 		<img class="img5" src="img/5.png" alt="">
    		 		<img class="img6" src="img/6.png" alt="">
    		 		<img class="img7" src="img/7.png" alt="">
    		 		<img class="img8" src="img/8.png" alt="">
    		 	</li>
    		 </ul>
    	</div>
        <div class="arrow-left"><</div>
        <div class="arrow-right">></div>
    </div>
	<script src="../biaodan exercise/jquery-1.12.0.js"></script>
	<script src="picture switchover.js"></script>
</body>
</html>